이미지 (Image tag)
이미지 또는 사진 등과 관련된 img 태그를 활용하는 자바스크립트 소스
[1] 이미지메서 오른 마우스 클릭하면 보여주는 경고 [Preview]
그냥 경고만 보여줍니다,
이미지 화일로 저장하기 이런 메뉴가 나오지 않게 합니다.

그래도 효과는 있을거 같네요.
[2] 360도 이미지가 돌아가는 소스입니다. [Preview]
원제는 "360 Degree Panorama Image Viewer"로

이미지가 360도 돌아가며 화살표 이미지에 마우스를 올림으로
이미지를 상,하,좌,우 돌리는게 가능합니다..

** 예제는 제 개인 계정에 올렸습니다..
[3] 사진(포토) 업로드시 미리보기 기능 [Preview]
업로드 폼에서 사진을 선택하면 미리보여준다면 아주 편리할거 같더군요.
이 예제를 사용하면 원하는 사진을 폼에 넣고 화일 넣는 부분을 클릭하면 미리보기가 가능하게 해줍니다.
[4] 다른형식(?)의 Happy Image Gallery 입니다. [Preview]
아래에 있는 이미지 갤러리완 다른 방식으로..

사용자의 선택에 따라서..
브라우저 주소에서 갤러리 설정이 가능합니다..

자세한건.. 소스의 주석을 참고하세요.. ^^
[5] 스크롤바를 따라다니는 이미지 체인저 [Preview]
스크롤바를 따라다니면서 이미지를 바꿔주는 소스입니다..
[6] 이미지 트랜지션 이벤트 입니다. [Preview]
이미지 트랜지션 입니다.

트랜지션 종류는 1부터 23까지 있으며
onload에서 해당 번호를 적으면 됩니다..

아 소스는 태요님 사이트(http://www.taeyo.pe.kr)에서 가져왔습니다.
[7] Happy Image Gallery / Board형식(?)입니다. [Preview]
Happy Image Gallery에서 불편한거나 오류등을 수정하고
팝업창이 아닌 게시판 형식으로 수정해봤습니다..

^^
[8] Happy Image Gallery입니다. [Preview]
Happy Image Gallery입니다..

갤러리 게시판처럼 표시되는 소스로
심심풀이로 만든건데.. 쓰일곳이 있는지 잘 모르겠네요.. ^^;;
[9] aniMagiX라는 이미지 소스입니다.. [Preview]
aniMagiX라는 이미지 소스입니다..

웅.. 설명이.. 쉽지 않네요..
미리보기로 확인을.. ^^;;
[10] 이미지에 꼬리가 붙어서 움직이는 소스입니다. [Preview]
이미지에 꼬리가 붙어서 움직이는 소스입니다..
[11] 이미지에 툴바가 나오지 않게 하는 방법입니다. [Preview]
이미지를 html 페이지안에 넣으면 익스플로러 브라우져의 경우 툴바를 보여줍니다.
이걸 나타나지 않게 하는 방법입니다.

메타택으로 (<head>와 </head> 사이에 넣으면 됩니다.
이걸 넣으면 모든 이미지에 이미지 툴바가 나타나지 않습니다.

<meta http-equiv="imagetoolbar" content="no">

이미지마다 직접 넣고 싶은경우는
<img src="" GALLERYIMG="no"
이렇게 넣어주면 툴바가 나타나지 않게 됩니다.
[12] 이미지에 꼬리가 붙어서 움직이는 소스입니다.. (원제 : Logo Curve 3.2) [Preview]
이미지에 꼬리가 붙어서 이동하는 소스로 이미지를 클릭하면 이미지가 이동하는 소스입니다...
[13] 온오버 이벤트에 fade되는 링크입니다 [Preview]

온오버 이벤트에 링크 이미지를 fade시켜줍니다

[14] 자동 fade in & out [Preview]
한개의 이미지로 fade in & out 을 반복하는 스크립트입니다

[15] 부드러운 이미지 전환 (IE전용) [Preview]

fade라기 보다는 blur를 주면서 여러개의 이미지를 부드럽게 전환시켜줍니다

갯수는 얼마든지 추가해서 사용할 수 있습니다

익스플로러에서만 되는 스크립트입니다
[16] 온오버 이벤트로 이미지 부분마다 하이라이트주기 [Preview]

온오버 이벤트로 이미지의 부분적으로 지정된 부분에 하이라이트를 해줍니다

단체사진에서 사람들의 위치를 알려주는 식으로 사용하면 유용할듯합니다
[17] 요일별로 다른 이미지를 보여주는 자스 [Preview]

요일별로 다른 이미지를 보여주는 스크립트입니다

[18] 전체 이미지 갯수와 현재 이미지 번호가 보여지는 이미지 슬라이드 소스 [Preview]
이미지 슬라이드 소스로
전체 이미지의 갯수와 현재 보여지는 이미지의 번호를 표시합니다...

설명은 소스에 주석으로 붙였습니다...
[19] 이미지 슬라이드 시켜주는 소스 (뒤로 앞으로 등등 있뜸) [Preview]
이미지 슬라이드 시키는 소스입니다...

이 소스는 뒤로, 앞으로, 멈춤 바뀌는시간을 제어가 가능합니다...
[20] 업로드할 이미지 올리기 페이지에서 미리보여주기 [Preview]
업로드시 파일을 선택하면 자동으로 썸내일 형태로 이미지를
미리보여주는 스크립트입니다.
    [1] [2] [3] [4] [5]    
Javascript Source List :